<!-- <app-news></app-news> -->
<!-- <app-form></app-form> -->
<!-- <app-search></app-search> -->
<!-- <app-todolist></app-todolist> -->
<!-- <app-home></app-home>
<br>

<br>

<app-news2></app-news2> -->


<!-- <app-transition></app-transition> -->
<h1>Angular 作业</h1>
<nav>
  <a routerLink="/app-header" routerLinkActive="active">简单例子</a>
  <a routerLink="/app-news" routerLinkActive="active">新闻组件</a>
  <a routerLink="/app-form" routerLinkActive="active">表单</a>
  <a routerLink="/app-search" routerLinkActive="active">京东搜索</a>
  <a routerLink="/app-todolist" routerLinkActive="active">todolist</a>
  <a routerLink="/app-home" routerLinkActive="active">DOM</a>
  <a routerLink="/app-news2" routerLinkActive="active">组件相互调用及DOM</a>
  <a routerLink="/app-transition" routerLinkActive="active">DOM动画</a>
  <a routerLink="/app-animation" routerLinkActive="active">animation</a>
  <a routerLink="/app-home2" routerLinkActive="active">父子组件传值</a>
  <a routerLink="/app-rxjs-test" routerLinkActive="active">rxjs请求</a>
</nav>

<hr>
<router-outlet></router-outlet>